<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta name="description" content="Junhui Zhong's -Web前端简历">
  <title>weiboren's-Web前端工程师简历</title>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
 
  <link rel="stylesheet" href="./src/css/fullpage.css">
  <link rel="stylesheet" href="./src/css/materialize.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="./src/css/resume.css">
   <link rel="stylesheet" href="./src/css/index.css">
  <script src="src/js/libs/require.js" data-main="./src/js/bulid/main"></script>
</head>

<body>
  <audio autoplay="autoplay" controls="controls" preload="auto" src="./src/music/Carly Rae Jepsen、Owl City - Good Time.mp3">
    <!--你的浏览器不支持audio标签-->
  </audio>
  <div id="pageContain">
    <div class="page page1 ">
      <div class="contain">
        <div class="myavatar">
          <img src="./src/imgs/myself.JPG" class="circle responsive-img">
        </div>
        <h1 class="myname">Hello,我叫韦博仁</h1>
        <p class="subtitle">每一个不曾起舞的日子，都是对生命的辜负</p>
        <h5>Web前端工程师</h5>
        <!-- Modal Trigger -->
        <s>☞</s>
        <a class="mybtn btn modal-trigger" href="#modal1">查看个人基本信息</a>
        <!-- Modal Structure -->
        <div id="modal1" class="modal mydatas">
          <div class="modal-content tp">
            <h6>基本资料</h6>
            <div class="row">
              <span class="col s12">姓名：韦博仁</span>
              <span class="col s12">出生日期：1992-09</span>
              <span class="col s12">地区：广西 · 贵港</span>
              <span class="col s12">参加工作时间：2015年</span>
              <span class="col s12">工作经验：2年以上</span>
              <span class="col s12">学历：本科</span>
              <span class="col s12">专业：信息与计算科学</span>
              <span class="col s12">爱 好：编程 | 运动 | 摄影</span>
              <span class="col s12">应聘职位：WEB前端工程师</span>
            </div>
          </div>
          <div class="modal-footer">
            <a href="#!" class=" modal-action modal-close waves-effect waves-light waves-green btn-flat ">关闭</a></div>
        </div>
      </div>
    </div>
    <div class="page page2">
      <div class="contain">
        <h4 class="text-center">我能干啥？？？</h4>
        <div class="myskills text-center">
          <a class="stress">HTML/HTML5</a>
          <a class="stress">CSS/CSS3</a>
          <a class="stress">JavaScript</a>
          <a class="stress">jQuery</a>
          <a class="stress">Less</a>
          <a class="stress">Ajax/PHP</a>
          <a class="stress">Fireworks/PhotoShop</a>
          <a class="stress">npm</a>
          <a class="stress">Bootstrap/Agular/Vue等等</a>
          <a>Git/Gulp</a>
          <a>webpack</a>
          <a>node.js</a>
          <a>面对对象编程</a>
          <a>AMD模块化(requirejs)/CMD模块化(seajs)</a>
        </div>
      </div>
    </div>
    <div class="page page3">
      <div class="contain">
        <h4 class="text-center">工作经历/经验</h4>
        <div class="experience">
          <div class="time-line"></div>
          <div class="work-content">
            <div class="work-item">
              <div class="year-flag rel">
                2015年
                <i class=" material-icons">query_builder</i>
              </div>
            </div>
            <div class="work-item">
              <div class="mouth-flag rel move0">
                <span>12月</span>
                <i class=" material-icons">panorama_fish_eye</i>
              </div>
              <div class="work-box   move1" id="wow_01">
                <p>
                  在广州市靖凯网络科技有限公司，开始了前端工程师的生涯（实习）
                </p>
              </div>
            </div>
            <div class="work-item">
              <div class="year-flag rel move">
                <span>2016年</span>
                <i class=" material-icons">query_builder</i>
              </div>
            </div>
            <div class="work-item">
              <div class="mouth-flag rel move2">
                <span>6月</span>
                <i class=" material-icons">panorama_fish_eye</i>
              </div>
              <div class="work-box   move3" id="wow_02">
                <p>
                  2016年大学毕业，正式成为一名前端工程师 `开始了前端工程师的生涯
                </p>
              </div>
            </div>
            <div class="work-item">
              <div class="year-flag rel move4">
                2015年
                <i class=" material-icons">query_builder</i>
              </div>
            </div>
            <div class="work-item">
              <div class="mouth-flag rel move5">
                <span>12月</span>
                <i class=" material-icons">panorama_fish_eye</i>
              </div>
              <div class="work-box   move6" id="wow_03">
                <p>
                项目名称:广东久量微信商城/京东官方旗舰店（移动web） --项目详情请看后面doc文档简历
                </p>
              </div>
            </div>
            <div class="work-item">
              <div class="year-flag rel move7">
                2016年
                <i class=" material-icons">query_builder</i>
              </div>
            </div>
            <div class="work-item">
              <div class="mouth-flag rel move8">
                <span>2月</span>
                <i class=" material-icons">panorama_fish_eye</i>
              </div>
              <div class="work-box   move9" id="wow_04">
                <p>
                  2016/2--2016/8项目名称: 亿人惠盟商城--项目详情请看后面doc文档简历
                </p>
              </div>
            </div>
            <div class="work-item">
              <div class="year-flag rel move10">
                2017年
                <i class=" material-icons">query_builder</i>
              </div>
            </div>
            <div class="work-item">
              <div class="mouth-flag rel move11">
                <span>3月</span>
                <i class=" material-icons">panorama_fish_eye</i>
              </div>
              <div class="work-box   move12" id="wow_05">
                <p>
                  2017年3月，再出发<br>现目前正在寻找合适的机会中...
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page page4">
      <div class="contain">
        <h4 class="text-center">参与及个人的项目/作品</h4>
        <ul class="collection row">
          <li class="collection-item col s11 m5 avatar">
            <i class="material-icons circle">account_circle</i>
            <span class="title">我的个人简历</span>
            <a target="_blank" href="https://bweib.github.io">http://www.zhongjunhui.top/</a>
            <p>新鲜出炉的网页版简历。</p>
            <p>使用的技术:jQuery,CSS3,requirejs,sass</p>
            <a href="#!" class="secondary-content">
              <i class="material-icons ">grade</i>
            </a>
          </li>
          <li class="collection-item col s11 m5 avatar">
            <i class="material-icons circle">content_copy</i>
            <span class="title">Github博客</span>
            <a target="_blank" href="http://blog.csdn.net/github_37772805">个人CSDN博客</a>
            <p>在CSDN上搭建的blog。</p>
            <p></p>
            <a href="#!" class="secondary-content">
              <i class="material-icons ">grade</i>
            </a>
          </li>
          <li class="collection-item col s11 m5 avatar">
            <i class="material-icons circle">device_hub</i>
            <span class="title">Github资源</span>
            <a target="_blank" href="https://github.com/bweib">https://github.com/zhongjunhui</a>
            <p>我的Github。</p>
            <p>使用技术:git版本管理工具,Markdown</p>
            <a href="#!" class="secondary-content">
              <i class="material-icons ">grade</i>
            </a>
          </li>
         <!--  <li class="collection-item col s11 m5 avatar">
            <i class="material-icons circle">important_devices</i>
            <span class="title">Oschina资源</span>
            <a target="_blank" href="https://git.oschina.net/zhongjunhui">https://git.oschina.net/zhongjunhui</a>
            <p>我的Oschina。</p>
            <p>使用技术:使用技术:git版本管理工具,Markdown</p>
            <a href="#!" class="secondary-content ">
              <i class="material-icons ">grade</i>
            </a>
          </li> -->
        </ul>
      </div>
      <div class="p4bg"></div>
    </div>
    <div class="page page5">
      <div class="contain">
        <h4 class="text-center">求职意向</h4>
        <div class="expect">
          <p>
            <i class="material-icons">place</i> 期望地区：深圳；
          </p>
          <p>
            <i class="material-icons">business</i> 工作性质：全职；
          </p>
          <p>
            <i class="material-icons">attach_money</i> 期望薪资：面议；
          </p>
          <p>
            <p>
              <i class="material-icons">computer</i> 目标行业：互联网/电子商务；
            </p>
            <i class="material-icons">insert_emoticon</i> 到岗时间：我目前处于离职状态，可立即上岗；
          </p>
        </div>
      </div>
    </div>
    <!--最后一页-->
    <div class="page page6">
      <div class="contain">
        <h4 class="text-center">联系方式/社交账号</h4>
        <div class="callme">
          <p>QQ：2381250725</p>
          <p>邮箱：2381250725@qq.com</p>
          <p>手机：152-7743-8521</p>
        </div>
        <div class="social">
          <!--GitHub-->
          <a href="https://github.com/bweib" class="call-item">
            <img src="src/imgs/call_github_27ab678.png">
          </a>
          <a href="http://my.csdn.net/github_37772805" class="call-item">
            <img src="src/imgs/CSDN.png" width="120%" height="120%">
          </a>
          <!--<a href="http://weibo.com/cnzhongjunhui" class="call-item">
            <img src="src/imgs/call_weibo_53e7ffa.png">
          </a>-->
          <!--<a href="http://tool.oschina.net/" class="call-item">
            <img src="src/imgs/call_gb_03ae919.png">
          </a>-->
          <!--微信-->
          <a class="call-item modal-trigger" href="#modal-wx">
            <img src="src/imgs/call_wx_ac6ac72.png">
          </a>
          <!--QQ-->
          <a class="call-item modal-trigger" href="#modal-qq">
            <img src="src/imgs/call_qq_ac6ac72.png" class="circle responsive-img" width=48 height=48>
          </a>
          <!-- Modal Structure -->
          <div id="modal-wx" class="modal">
            <div class="modal-content">
              <!--weichat-->
              <h5>扫一扫，添加好友</h5>
              <p class="text-center">
                <img src="src/imgs/ewm.png">
              </p>
            </div>
            <div class="modal-footer">
              <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">确定</a>
            </div>
          </div>
          <div id="modal-qq" class="modal">
            <div class="modal-content">
              <!--QQ-->
              <h5>扫一扫，添加好友</h5>
              <p class="text-center">
                <img src="src/imgs/qq_75f92b4.jpg">
              </p>
            </div>
            <div class="modal-footer">
              <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">确定</a>
            </div>
          </div>
        </div>
        <div class="text-center">
          <a href="src/韦博仁 前端工程师 152 7743 8521.doc" class="waves-effect waves-light btn btn-download">
            <i class="material-icons left">file_download</i> 下载简历
          </a>
          <a id="mobile-btn" class="waves-effect waves-light teal btn modal-trigger btn-download" href="#modal-mobile">
            <i class="material-icons left">phone_iphone</i> 可以用手机看哦
          </a>
          <div id="modal-mobile" class="modal">
            <div class="modal-content">
              <h5 class="txt">扫一扫，在手机上查看</h5>
              <p class="text-center"><img src="src/imgs/1487307141.png" width=50% height=50%></p>
            </div>
            <div class="modal-footer">
              <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">确定</a>
            </div>
          </div>
        </div>
        <div class="share">
          期待与您的交流
          <br>
          <i class="material-icons" style="color: rgba(15,144,148,.8);">mail_outline</i>
          <span>Just do it</span>
        </div>
      </div>
      <a class="hidden-xs github-corner" href="https://github.com/bweib" title="Milligram on Github" target="blank">
        <svg width="80" height="80" viewBox="0 0 250 250" class="github-corner">
          <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
          <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
            fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
          <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
            fill="currentColor" class="octo-body"></path>
        </svg>
      </a>
    </div>
  </div>
  <ul id="navBar">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</body>

</html>
